body,h1,h2,h3,h4,h5,h6,
div,span,p,a,input,button,ul,ol,dl,dt,dd,li,textarea,table,th,tr,td,b{
    margin:0;
    padding:0;
    font-family: "Microsoft Yahei",sans-serif;
    box-sizing: border-box;
    cursor: default;
}
html,body{
    width:100%;
    height:100%;
    font-size:14px;
}
li{
    list-style: none;
}
a,a:active,a:visited{
    text-decoration: none;
    color: #ccc;
    cursor: pointer;
}
a:hover{
    color:#333;
}
button{
    cursor: pointer;
}
textarea{
    outline:none;
    border:1px solid #ccc;
    resize: none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
th,td{
    border:1px solid #ccc;
}
.clearfix::before,
.clearfix::after{
    content:"";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.border-test{
    border:1px solid #ca82ff;
    box-sizing: border-box;
}
.border{
    border:1px solid #ddd;
    box-sizing: border-box;
}
.border-top{
    border-top:1px solid #ddd;
}
.border-bottom{
    border-bottom: 1px solid #ddd;
}
.ml_5{
    margin-left:5px;
}
.fs_12{
    font-size: 12px;
}
.fs_14{
    font-size: 14px;
}
.fs_16{
    font-size: 16px;
}
.fs_18{
    font-size: 18px;
}
.c_333{
    color:#333;
}
.c_666{
    color:#666;
}
.c_999{
    color:#999;
}
.c_f0f0f0{
    color:#f0f0f0;
}
.c_ccc{
    color:#ccc;
}
.c_ddd{
    color:#ddd;
}
.bg_ddd{
    background-color:#ddd;
}
.c_red{
    color:#ff0d0f;
}
.c_yellow{
    color:#ffbc24;
}
.c_blue{
    color:#3babff
}
.c_green{
    color:#35c253;
}
.c_purple{
    color:#ca82ff;
}
.bg_red{
    background-color:#ff0d0f;
}
.bg_yellow{
    background-color:#ffbc24;
}
.bg_blue{
    background-color:#3babff;
}
.bg_green{
    background-color:#35c253;
}
.bg_purple{
    background-color:#ca82ff;
}
.mr_5{
    margin-right:5px;
}
.mt_5{
    margin-top:5px;
}
.mb_5{
    margin-bottom:5px;
}
.ml_10{
    margin-left:10px;
}
.mr_10{
    margin-right:10px;
}
.mt_10{
    margin-top:10px;
}
.mb_10{
    margin-bottom:10px;
}
.ml_15{
    margin-left:15px;
}
.mr_15{
    margin-right:15px;
}
.mt_15{
    margin-top:15px;
}
.mb_15{
    margin-bottom:15px;
}
.ml_20{
    margin-left:20px;
}
.mr_20{
    margin-right:20px;
}
.mt_20{
    margin-top:20px;
}
.mb_20{
    margin-bottom:20px;
}
.mlr_5{
    margin-left:5px;
    margin-right:5px;
}
.mtb_5{
    margin-top:5px;
    margin-bottom:5px;
}
.mlrtb_5{
    margin:5px;
}
.mlr_10{
    margin-left:10px;
    margin-right:10px;
}
.mtb_10{
    margin-top:10px;
    margin-bottom:10px;
}
.mlrtb_10{
    margin:10px;
}
.mlr_15{
    margin-left:15px;
    margin-right:15px;
}
.mtb_15{
    margin-top:15px;
    margin-bottom:15px;
}
.mlrtb_15{
    margin:15px;
}
.mlr_20{
    margin-left:20px;
    margin-right:20px;
}
.mtb_20{
    margin-top:20px;
    margin-bottom:20px;
}
.mlrtb_20{
    margin:20px;
}
.pl_5{
    padding-left:5px;
}
.pr_5{
    padding-right:5px;
}
.pt_5{
    padding-top:5px;
}
.pb_5{
    padding-bottom:5px;
}
.pl_10{
    padding-left:10px;
}
.pr_10{
    padding-right:10px;
}
.pt_10{
    padding-top:10px;
}
.pb_10{
    padding-bottom:10px;
}
.pl_15{
    padding-left:15px;
}
.pr_15{
    padding-right:15px;
}
.pt_15{
    padding-top:15px;
}
.pb_15{
    padding-bottom:15px;
}
.pl_20{
    padding-left:20px;
}
.pr_20{
    padding-right:20px;
}
.pt_20{
    padding-top:20px;
}
.pb_20{
    padding-bottom:20px;
}
.plr_5{
    padding-left:5px;
    padding-right:5px;
}
.ptb_5{
    padding-top:5px;
    padding-bottom:5px;
}
.plrtb_5{
    padding:5px;
}
.plr_10{
    padding-left:10px;
    padding-right:10px;
}
.ptb_10{
    padding-top:10px;
    padding-bottom:10px;
}
.plrtb_10{
    padding:10px;
}
.plr_15{
    padding-left:15px;
    padding-right:15px;
}
.ptb_15{
    padding-top:15px;
    padding-bottom:15px;
}
.plrtb_15{
    padding:15px;
}
.plr_20{
    padding-left:20px;
    padding-right:20px;
}
.ptb_20{
    padding-top:20px;
    padding-bottom:20px;
}
.plrtb_20{
    padding:20px;
}
/*******************************自定义flex快速布局class*******************************/

[class*="flex-box"]{
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
[class*="flex-ibox"]{
    display: inline-flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    vertical-align: bottom;
}
[class*="flex-box"].flex-nowrap,[class*="flex-ibox"].flex-nowrap{
    flex-wrap: nowrap;
}
[class*="flex-box"].flex-wrap,[class*="flex-ibox"].flex-wrap{
    flex-wrap: wrap;
}
.flex-box-baseline{
    align-items: baseline;
}
.flex-box-rs, .flex-ibox-rs{
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
}
.flex-box-re, .flex-ibox-re{
    flex-direction: row;
    justify-content: flex-end;
    align-content: flex-start;
}
.flex-box-rc,.flex-ibox-rc{
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
}
.flex-box-rcc, .flex-ibox-rcc{
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.flex-box-rb, .flex-ibox-rb{
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-start;
}
.flex-box-ra, .flex-ibox-ra{
    flex-direction: row;
    justify-content: space-around;
    align-content: flex-start;
}

.flex-box-cs, .flex-ibox-cs{
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
.flex-box-ce,.flex-ibox-ce{
    flex-direction: column;
    justify-content: flex-end;
    align-content: flex-start;
}
.flex-box-cc, .flex-ibox-cc{
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
}
.flex-box-cb,.flex-ibox-cb{
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-start;
}
.flex-box-ca, .flex-ibox-ca{
    flex-direction: column;
    justify-content: space-around;
    align-content: flex-start;
}
.flex-box-ccc, .flex-ibox-ccc{
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

/*******************************自定义flex快速布局class./*******************************/